<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <!--  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  -->
  <script src="../assets/flexible/flexible.debug.js"></script>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <title>首页</title>
  <link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.css">
  <link rel="stylesheet" href="../assets/animate/animate.min.css">
  <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/xiari.css"></head>
<body>

  <header class="header">
    <a href="Goodbeans.html">
      <span class="fa fa-arrow-left"></span>
    </a>
    <a href="">
       <span>美食大全</span>
    </a>
    <a href="">
       <span ></span>
    </a>
  </header>

  <main>
  
  </main>

  <script type="text/html" id="MAIN">
      {{each MAIN as v}} 
      <section>
     <figure>
       <img src="{{v.imgs}}">
       <figcaption>
         <p>{{v.ps}}</p>
         <p>{{v.ps1}}</p>
           
       </figcaption>
     </figure>
      <figure>
       <img src="../images/X-RC.png">
       <figcaption>
         <p>{{v.fps1}}</p>
         <p>{{v.fps2}}</p>
          
       </figcaption>
     </figure>
   </section>
      {{/each}}
</script>
  <script src="../assets/JQ/jquery-3.2.1.min.js"></script>
  <script src="../assets/swiper/js/swiper.min.js"></script>
  <script src="../assets/animate/swiper.animate1.0.2.min.js"></script>
  <script src="../assets/template-web.js"></script>
  <script src="../js/xiari.js"></script>
</body>
</html>